{include file="index@public/header" /}
<style>
body {
    background: #e1e0de;
}
* {
    box-sizing: border-box;
}
h1,
h2,
h3,
h4 {
    font-weight: 700 !important;
}
.layui-card-header {
    width: 100%;
    border-bottom: 1px solid #999 !important;
    padding-left: 5px;
}
.layui-card {
    padding: 10px 20px 50px;
}
.layui-container {
    padding: 0 !important;
}
.layui-breadcrumb {
    padding-left: 5px;
}
.layui-card h1 {
    margin: 10px auto 0;
}
.layui-card-body{
    padding: 10px 5px;
}

.Interchange {
    margin: 20px 0;
}

.key_filter {
    width: 300px;
    height: 30px;
    border-radius: 20px;
    outline: none;
    border: 1px solid #aaa;
    padding-left: 10px;
    margin: 0 0 5px;
}

#backtop {
    width: 55px;
    height: 48px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-align: center;
    border-radius: 2px;
    border: none;
    box-shadow: none;
    position: fixed;
    top: 40%;
    right: 10px;
    cursor: pointer;
    line-height: 18px;
}
table{
    border-color: #ddd;
    margin-bottom: 50px;
}
th{
    width: 20%;
    height: 30px;
    background-color: #428bca;
    color: #fff;
}
td{
    height: 18px;
    color:#333;
}
</style>
<div class="layui-container">
    <div class="layui-card" style='font: 12px/14px arial,helvetica,sans-serif;'>
        <span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
        
        <div>
            <div class="layui-card-header" >
                <h1>{:lang('Cam Followers Cross Reference Charts')}</h1>
            </div>
            <div>&nbsp&nbsp&nbsp&nbsp{:lang('Use the bearing interchange chart below to self aligning ball bearings part numbers from different manufacturers.The bearing interchange chart is meant to be a quick cross-reference guide.')}</div>
            <div class="Interchange">
                <input id="Interchange_filter" class="key_filter" type="text" placeholder="{:lang('Enter Cam Followers Number such as')} “CR-1”" />
            </div>
        
            <div>
                <table width="100%" border="1" cellpadding="1" cellspacing="1">

                    <thead>
                    <tr>
                        <th>LILY</th>
                        <th>SMITH</th>
                        <th>McGill</th>
                        <th>Torrington</th>
                        <th>RBC</th>
                    </tr>
                    </thead>

                    <tbody>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-1-2-a/">CR-1/2-A</a></td>
                        <td style="padding-left: 8%">CR-1/2-A</td>
                        <td style="padding-left: 8%">CF 1/2 N </td>
                        <td style="padding-left: 8%"></td>
                        <td style="padding-left: 8%">CR &ndash; 8</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-1-2/">CR-1/2</a></td>
                        <td style="padding-left: 8%">CR-1/2</td>
                        <td style="padding-left: 8%">CF 1/2 </td>
                        <td style="padding-left: 8%">S16 </td>
                        <td style="padding-left: 8%">CR &ndash; 8-1</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-9-16/">CR-9/16</a></td>
                        <td style="padding-left: 8%">CR-9/16</td>
                        <td style="padding-left: 8%">CF 9/16 </td>
                        <td style="padding-left: 8%">S18 </td>
                        <td style="padding-left: 8%"></td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-5-8-a/">CR-5/8-A</a></td>
                        <td style="padding-left: 8%">CR-5/8-A</td>
                        <td style="padding-left: 8%">CF 5/8 N </td>
                        <td style="padding-left: 8%"></td>
                        <td style="padding-left: 8%">CR &ndash; 10</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-5-8/">CR-5/8</a></td>
                        <td style="padding-left: 8%">CR-5/8</td>
                        <td style="padding-left: 8%">CF 5/8 </td>
                        <td style="padding-left: 8%">S20 </td>
                        <td style="padding-left: 8%">CR &ndash; 10-1</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-11-16/">CR-11/16</a></td>
                        <td style="padding-left: 8%">CR-11/16</td>
                        <td style="padding-left: 8%">CF 11/16 </td>
                        <td style="padding-left: 8%">S22 </td>
                        <td style="padding-left: 8%"></td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-3-4/">CR-3/4</a></td>
                        <td style="padding-left: 8%">CR-3/4</td>
                        <td style="padding-left: 8%">CF 3/4 </td>
                        <td style="padding-left: 8%">S24 </td>
                        <td style="padding-left: 8%">CR &ndash; 12</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-7-8/">CR-7/8</a></td>
                        <td style="padding-left: 8%">CR-7/8</td>
                        <td style="padding-left: 8%">CF 7/8 </td>
                        <td style="padding-left: 8%">S28 </td>
                        <td style="padding-left: 8%">CR &ndash; 14</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-1/">CR-1</a></td>
                        <td style="padding-left: 8%">CR-1</td>
                        <td style="padding-left: 8%">CF 1 </td>
                        <td style="padding-left: 8%">S32 </td>
                        <td style="padding-left: 8%">CR &ndash; 16</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-1-1-8/">CR-1-1/8</a></td>
                        <td style="padding-left: 8%">CR-1-1/8</td>
                        <td style="padding-left: 8%">CF 1 1/8 </td>
                        <td style="padding-left: 8%">S36 </td>
                        <td style="padding-left: 8%">CR &ndash; 18</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-1-1-4/">CR-1-1/4</a></td>
                        <td style="padding-left: 8%">CR-1-1/4</td>
                        <td style="padding-left: 8%">CF 1 1/4 </td>
                        <td style="padding-left: 8%">S40 </td>
                        <td style="padding-left: 8%">CR &ndash; 20</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-1-3-8/">CR-1-3/8</a></td>
                        <td style="padding-left: 8%">CR-1-3/8</td>
                        <td style="padding-left: 8%">CF 1 3/8 </td>
                        <td style="padding-left: 8%">S44 </td>
                        <td style="padding-left: 8%">CR &ndash; 22</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-1-1-2/">CR-1-1/2</a></td>
                        <td style="padding-left: 8%">CR-1-1/2</td>
                        <td style="padding-left: 8%">CF 1 1/2 </td>
                        <td style="padding-left: 8%">S48 </td>
                        <td style="padding-left: 8%">CR &ndash; 24</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-1-5-8/">CR-1-5/8</a></td>
                        <td style="padding-left: 8%">CR-1-5/8</td>
                        <td style="padding-left: 8%">CF 1 5/8 </td>
                        <td style="padding-left: 8%">S52 </td>
                        <td style="padding-left: 8%">CR &ndash; 26</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-1-3-4/">CR-1-3/4</a></td>
                        <td style="padding-left: 8%">CR-1-3/4</td>
                        <td style="padding-left: 8%">CF 1 3/4 </td>
                        <td style="padding-left: 8%">S56 </td>
                        <td style="padding-left: 8%">CR &ndash; 28</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-1-7-8/">CR-1-7/8</a></td>
                        <td style="padding-left: 8%">CR-1-7/8</td>
                        <td style="padding-left: 8%">CF 1 7/8 </td>
                        <td style="padding-left: 8%">S60 </td>
                        <td style="padding-left: 8%">CR &ndash; 30</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-2/">CR-2</a></td>
                        <td style="padding-left: 8%">CR-2</td>
                        <td style="padding-left: 8%">CF 2 </td>
                        <td style="padding-left: 8%">S64 </td>
                        <td style="padding-left: 8%">CR &ndash; 32</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-2-1-4/">CR-2-1/4</a></td>
                        <td style="padding-left: 8%">CR-2-1/4</td>
                        <td style="padding-left: 8%">CF 2 1/4 </td>
                        <td style="padding-left: 8%">S72 </td>
                        <td style="padding-left: 8%">CR &ndash; 36</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-2-1-2/">CR-2-1/2</a></td>
                        <td style="padding-left: 8%">CR-2-1/2</td>
                        <td style="padding-left: 8%">CF 2 1/2 </td>
                        <td style="padding-left: 8%">S80 </td>
                        <td style="padding-left: 8%">CR &ndash; 40</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-2-3-4/">CR-2-3/4</a></td>
                        <td style="padding-left: 8%">CR-2-3/4</td>
                        <td style="padding-left: 8%">CF 2 3/4 </td>
                        <td style="padding-left: 8%">S88 </td>
                        <td style="padding-left: 8%">CR &ndash; 44</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-3/">CR-3</a></td>
                        <td style="padding-left: 8%">CR-3</td>
                        <td style="padding-left: 8%">CF 3 </td>
                        <td style="padding-left: 8%">S96 </td>
                        <td style="padding-left: 8%">CR &ndash; 48</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-3-1-4/">CR-3-1/4</a></td>
                        <td style="padding-left: 8%">CR-3-1/4</td>
                        <td style="padding-left: 8%">CF 3 1/4 </td>
                        <td style="padding-left: 8%">S104 </td>
                        <td style="padding-left: 8%">CR &ndash; 52</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-3-1-2/">CR-3-1/2</a></td>
                        <td style="padding-left: 8%">CR-3-1/2</td>
                        <td style="padding-left: 8%">CF 3 1/2 </td>
                        <td style="padding-left: 8%">S112 </td>
                        <td style="padding-left: 8%">CR &ndash; 56</td>
                    </tr>
                    <tr>
                        <td style="padding-left: 8%"><a href="/products/cr-4/">CR-4</a></td>
                        <td style="padding-left: 8%">CR-4</td>
                        <td style="padding-left: 8%">CF 4 </td>
                        <td style="padding-left: 8%">S128 </td>
                        <td style="padding-left: 8%">CR &ndash; 64</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        
    </div>
</div>

<div id="backtop" onclick="backtop()" class="icon-angle-up">
    <i class="layui-icon layui-icon-up"></i>
    <div style="font-size: 0.9em;">Top</div>
</div>  
{include file="index@public/footer" /}
<script>
/*回顶部*/
function backtop() {
    $("html,body").animate({ scrollTop: "0px" }, 500);
}
$(window).scroll(function() {
    var scrollTop=$(document).scrollTop();/*滚动距离*/
    if(scrollTop>360){
        $('#backtop').css({display:'block'});
    }else{
        $('#backtop').css({display:'none'});
    }
})    

$("#Interchange_filter").keyup(function () {
    $("table tbody tr").hide().filter(":contains('" + ($(this).val().toUpperCase()) + "')").show(); //，将符合条件的筛选出来
});
</script>